﻿<!DOCTYPE html>
<html>
    <head>
        <title>NNTT.ORG Informer</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.16.css">
        <script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="locale.js"></script>
        <script type="text/javascript" src="scripts/localize.js"></script>
        <script type="text/javascript" src="scripts/persistentSettings.js"></script>
        <script type="text/javascript" src="scripts/main.js"></script>
    </head>

    <body class="docked">
        
        <script type="text/javascript">
            <!--<![CDATA[
                 var skin = readSettings("widgetSkin");
                 if (!skin.length)
                    skin = "default";
                 var skinStylesheet = document.createElement("link");
                 skinStylesheet.setAttribute("rel", "stylesheet");
                 skinStylesheet.setAttribute("href", "skins/" + skin + "/main.css");
                 document.body.appendChild(skinStylesheet);
            ]]>-->
        </script>
        
        <!-- gadget background element -->
        <g:background id="background" style="position:absolute;z-index:-1;top:0;left:0;"></g:background>
        
        <!-- gadget content begin -->
        <div id="gadget-content">
            
            <!-- logo block -->
            <div id="header">
                <div id="logo">
                    <a href="http://www.nntt.org" class="image">
                        <script type="text/javascript">
                            <!--<![CDATA[                               
                                document.write ("<img src='skins/" + skin + "/images/nntt_logo.png' width='100%'/>");
                            ]]>-->
                        </script>
                    </a>
                </div>
                <div id="logo-disc">
                    <span class="center-wrapper">
                        <span localize="logoDiscription"></span>
                    </span>
                </div>
            </div>
            
            <!-- search block -->
            <div id="search-panel">
                <form id="quick-search" action="" method="get"> 
                    <div id="search-group">
                           <input id="search-text" name="keywords" type="text" localize="value:search" onfocus="if(this.value==strings['search']) this.value='';" onblur="if(this.value=='') this.value=strings['search'];"/>
                           <input id="search-submit" type="submit" value=""/>
                    </div>
                    <div id="search-type-group">
                        <input id="tracker" type="radio" name="search-type" value="http://www.nntt.org/tracker.php" checked="checked"/>
                        <label for="tracker" localize="searchByTracker"></label><br/>
                        <input id="forum" type="radio" name="search-type" value="http://www.nntt.org/search.php"/>
                        <label for="forum" localize="searchByForum"></label>
                    </div>                
              </form>
            </div>
            
            <!-- panels block -->
            <div id="info-panels">
                <div id="panels-navigate">
                    <div id="prev-panel">
                        <a id="prev-panel-btn" href="#" localize="title:togglePanels" class="image">
                            <script type="text/javascript">
                                <!--<![CDATA[                               
                                    document.write ("<img height='15px' width='12px' src='skins/" + skin + "/images/left.png'/>");
                                ]]>-->
                            </script>
                        </a>
                    </div>
                    <div id="next-panel">
                        <a id="next-panel-btn" href="#" localize="title:togglePanels" class="image">
                            <script type="text/javascript">
                                <!--<![CDATA[                                
                                    document.write ("<img height='15px' width='12px' src='skins/" + skin + "/images/right.png'/>");
                                ]]>-->
                            </script>
                        </a>
                    </div>
                    <div id="wrapper">
                        <script type="text/javascript">
                            <!--<![CDATA[                                
                                document.write ("<img height='15px' width='9px' style='display:block; float:left; margin-left:-3px;' src='skins/" + skin + "/images/left-inner.png'/>");
                                document.write ("<img height='15px' width='9px' style='display:block; float:right; margin-right:-3px;' src='skins/" + skin + "/images/right-inner.png'/>");
                            ]]>-->
                        </script>
                        <div id="panel-name" localize="forumNews"></div>
                    </div> 
                </div>
                <div class="panels-content">
                    <div id="news" class="info-panel" localize="title:forumNews"></div>
                    <div id="releases" class="info-panel" localize="title:lastReleases" style="display:none;"></div>
                </div>
            </div>
            
            <!-- social links block -->
            <div id="social">
                <table cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td class="social-td">
                            <a href="http://vkontakte.ru/nntt_org" title="http://vkontakte.ru/nntt_org" class="image">
                                <script type="text/javascript">
                                    <!--<![CDATA[                                
                                        document.write ("<img class='social-icon' src='skins/" + skin + "/images/social/vkontakte_32x32.png'/>");
                                    ]]>-->
                                </script>
                            </a>
                        </td>
                        <td class="social-td">
                            <a href="http://twitter.com/nntt__org" title="http://twitter.com/nntt__org" class="image">
                                <script type="text/javascript">
                                    <!--<![CDATA[                                
                                        document.write ("<img class='social-icon' src='skins/" + skin + "/images/social/twitter_32x32.png'/>");
                                    ]]>-->
                                </script>
                            </a>
                        </td>
                    </tr>
                </table>
            </div>
            
            <!-- footer -->
            <div id="footer">
                <div id="refresh-btn-panel">
                    <a id="refresh-btn" href="#" localize="title:refresh" class="image">
                        <script type="text/javascript">
                            <!--<![CDATA[                                
                                document.write ("<img src='skins/" + skin + "/images/refresh.png'/>");
                            ]]>-->
                        </script>
                    </a>
                    <span id="timer"></span>
                </div>
                <div id="social-mini-panel">
                    <a href="http://vkontakte.ru/nntt_org" title="http://vkontakte.ru/nntt_org" class="image">
                        <script type="text/javascript">
                            <!--<![CDATA[                                
                                document.write ("<img class='social-icon-mini' src='skins/" + skin + "/images/social/vkontakte_16x16.png'/>");
                            ]]>-->
                        </script>
                    </a>
                    <a href="http://twitter.com/nntt__org" title="http://twitter.com/nntt__org" class="image">
                        <script type="text/javascript">
                            <!--<![CDATA[                                
                                document.write ("<img class='social-icon-mini' src='skins/" + skin + "/images/social/twitter_16x16.png'/>");
                            ]]>-->
                        </script>
                    </a>
                </div>
                <div id="update-panel"></div>
            </div>

        </div>
        <!-- gadget content end -->
        
    </body>
</html>
